<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<!-- META TAGS -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>人人为我，我为人人</title>

<link rel="shortcut icon" href="images/favicon.png" />




<!-- Style Sheet-->
<link rel="stylesheet" href="style.css" />
<link rel='stylesheet' id='bootstrap-css-css'
	href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-css-css'
	href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='pretty-photo-css-css'
	href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css'
	media='all' />
<link rel='stylesheet' id='main-css-css' href='css/main5152.css?ver=1.0'
	type='text/css' media='all' />
<link rel='stylesheet' id='custom-css-css'
	href='css/custom5152.html?ver=1.0' type='text/css' media='all' />


<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
                <script src="js/html5.js"></script></script>
                <![endif]-->

</head>

<body>

	<!-- Start of Header -->
	<div class="header-wrapper">
		<header>
			<div class="container">


				<div class="logo-container">
					<!-- Website Logo -->
					<a href="index-2.html" title="解惑,是我们的乐趣!"> <!--<img src="images/logo.png" alt="Knowledge Base Theme">-->
						<h3 style="display: inline; color: #FFFFFF; line-height: 20px;">知之</h3>
					</a> <span class="tag-line">知之为知之,不知为不知,是知也。</span>
				</div>


				<!-- Start of Main Navigation -->
				<nav class="main-nav">
					<div class="menu-top-menu-container">
						<ul id="menu-top-menu" class="clearfix">
							<li><a href="index-2.html">首页</a></li>
							<li><a href="home-categories-description.html">百科</a></li>
							<li><a href="home-categories-articles.html">Java基础</a></li>
							<li><a href="articles-list.html">数据库</a></li>
							<li><a href="faq.html">FAQs</a></li>
							<li><a href="#">皮肤</a>
								<ul class="sub-menu">
									<li><a href="blue-skin.html">Blue Skin</a></li>
									<li><a href="green-skin.html">Green Skin</a></li>
									<li><a href="red-skin.html">Red Skin</a></li>
									<li><a href="index-2.html">Default Skin</a></li>
								</ul></li>
							<li><a href="#">更多精彩</a>
								<ul class="sub-menu">
									<li><a href="full-width.html">Full Width</a></li>
									<li><a href="elements.html">Elements</a></li>
									<li><a href="page.html">Sample Page</a></li>
								</ul></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
				</nav>
				<!-- End of Main Navigation -->

			</div>
		</header>
	</div>
	<!-- End of Header -->

	<!-- Start of Search Wrapper -->
	<div class="search-area-wrapper">
		<div class="search-area container">
			<h3 class="search-header">解惑,我们是专业的!</h3>
			<p class="search-tag-line">请输入要查询的问题!</p>

			<form id="search-form" class="search-form clearfix" method="get"
				action="#" autocomplete="off">
				<input class="search-term required" list="dl" type="text" id="s"
					name="s" placeholder="请输入..." title="* Please enter a search term!" />
				<datalist id="dl">
					<option value="java多继承" label="java"></option>
					<option value="java线程" label="java"></option>
					<option value="java序列化" label="java"></option>
					<option value="HTML5" label="前端"></option>
				</datalist>
				<input class="search-btn" type="submit" value="嗖一下" />
				<div id="search-error-container"></div>
			</form>
		</div>
	</div>
	<!-- End of Search Wrapper -->

	<!-- Start of Page Container -->
	<div class="page-container">
		<div class="container">
			<div class="row">

				<!-- start of page content -->
				<div class="span8 page-content">

					<ul class="breadcrumb">
						<li><a href="#">Knowledge Base Theme</a><span class="divider">/</span></li>
						<li><a href="#"
							title="View all posts in Server &amp; Database">Server &amp;
								Database</a> <span class="divider">/</span></li>
						<li class="active">Integrating WordPress with Your Website</li>
					</ul>

					<article class=" type-post format-standard hentry clearfix">

						<h1 class="post-title">
							<a href="#">${question.title }</a>
						</h1>

						<div class="post-meta clearfix">
							<span class="date">${question.qdate }</span> <span class="category"><a
								href="#" title="View all posts in Server &amp; Database">${question.userName }</a></span> <span class="comments"><a href="#"
								title="Comment on Integrating WordPress with Your Website">3
									Comments</a></span> <span class="like-count">66</span>
						</div>
						<!-- end of post meta -->

						<p>${question.content }</p>

					

					</article>

					<div class="like-btn">

						<form id="like-it-form" action="#" method="post">
							<span class="like-it ">66</span> <input type="hidden"
								name="post_id" value="99"> <input type="hidden"
								name="action" value="like_it">
						</form>

						<span class="tags"> <strong>Tags:&nbsp;&nbsp;</strong><a
							href="#" rel="tag">basic</a>, <a href="#" rel="tag">setting</a>,
							<a href="http://knowledgebase.inspirythemes.com/tag/website/"
							rel="tag">website</a>
						</span>

					</div>

					<section id="comments">

						<h3 id="comments-title">(3) Comments</h3>

						<ol class="commentlist">

							<li class="comment even thread-even depth-1" id="li-comment-2">
								<article id="comment-2">

									<a href="#"> <img alt=""
										src="http://1.gravatar.com/avatar/50a7625001317a58444a20ece817aeca?s=60&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G"
										class="avatar avatar-60 photo" height="60" width="60">
									</a>

									<div class="comment-meta">

										<h5 class="author">
											<cite class="fn"> <a href="#" rel="external nofollow"
												class="url">John Doe</a>
											</cite> - <a class="comment-reply-link" href="#">Reply</a>
										</h5>

										<p class="date">
											<a href="#"> <time datetime="2013-02-26T13:18:47+00:00">February
													26, 2013 at 1:18 pm</time>
											</a>
										</p>

									</div>
									<!-- end .comment-meta -->

									<div class="comment-body">
										<p>Duis autem vel eum iriure dolor in hendrerit in
											vulputate velit esse molestie consequat, vel illum dolore eu
											feugiat nulla facilisis at vero eros et accumsan et iusto
											odio dignissim qui blandit praesent luptatum zzril delenit
											augue duis dolore te feugait nulla facilisi.</p>
										<p>Nam liber tempor cum soluta nobis eleifend option
											congue nihil imperdiet doming id quod mazim placerat facer
											possim assum. Typi non habent claritatem insitam; est usus
											legentis in iis qui facit eorum claritatem.</p>
									</div>
									<!-- end of comment-body -->

								</article>
								<!-- end of comment -->

								<ul class="children">

									<li
										class="comment byuser comment-author-saqib-sarwar bypostauthor odd alt depth-2"
										id="li-comment-3">
										<article id="comment-3">

											<a href="#"> <img alt=""
												src="http://0.gravatar.com/avatar/2df5eab0988aa5ff219476b1d27df755?s=60&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G"
												class="avatar avatar-60 photo" height="60" width="60">
											</a>

											<div class="comment-meta">

												<h5 class="author">
													<cite class="fn">saqib sarwar</cite> - <a
														class="comment-reply-link" href="#">Reply</a>
												</h5>

												<p class="date">
													<a href="#"> <time datetime="2013-02-26T13:20:14+00:00">February
															26, 2013 at 1:20 pm</time>
													</a>
												</p>

											</div>
											<!-- end .comment-meta -->

											<div class="comment-body">
												<p>Nam liber tempor cum soluta nobis eleifend option
													congue nihil imperdiet doming id quod mazim placerat facer
													possim assum. Typi non habent claritatem insitam; est usus
													legentis in iis qui facit eorum claritatem. Investigationes
													demonstraverunt lectores legere me lius quod ii legunt
													saepius. Claritas est etiam processus dynamicus, qui
													sequitur mutationem consuetudium lectorum. Mirum est notare
													quam littera gothica, quam nunc putamus parum claram,
													anteposuerit litterarum formas humanitatis per seacula
													quarta decima et quinta decima. Eodem modo typi, qui nunc
													nobis videntur parum clari, fiant sollemnes in futurum.</p>
											</div>
											<!-- end of comment-body -->

										</article>
										<!-- end of comment -->

									</li>
								</ul>
							</li>

							<li class="comment even thread-odd thread-alt depth-1"
								id="li-comment-4">
								<article id="comment-4">

									<a href="#"> <img alt=""
										src="http://1.gravatar.com/avatar/50a7625001317a58444a20ece817aeca?s=60&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G"
										class="avatar avatar-60 photo" height="60" width="60">
									</a>

									<div class="comment-meta">

										<h5 class="author">
											<cite class="fn"><a href="#" rel="external nofollow"
												class="url">John Doe</a></cite> - <a class="comment-reply-link"
												href="#">Reply</a>
										</h5>

										<p class="date">
											<a
												href="http://knowledgebase.inspirythemes.com/integrating-wordpress-with-your-website/#comment-4">
												<time datetime="2013-02-26T13:27:04+00:00">February
													26, 2013 at 1:27 pm</time>
											</a>
										</p>

									</div>
									<!-- end .comment-meta -->

									<div class="comment-body">
										<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
											elit, sed diam nonummy nibh euismod tincidunt ut laoreet
											dolore magna aliquam erat volutpat. Ut wisi enim ad minim
											veniam, quis nostrud exerci tation ullamcorper suscipit
											lobortis nisl ut aliquip ex ea commodo consequat.</p>
										<p>Duis autem vel eum iriure dolor in hendrerit in
											vulputate velit esse molestie consequat, vel illum dolore eu
											feugiat nulla facilisis at vero eros et accumsan et iusto
											odio dignissim qui blandit praesent luptatum zzril delenit
											augue duis dolore te feugait nulla facilisi. Nam liber tempor
											cum soluta nobis eleifend option congue nihil imperdiet
											doming id quod mazim placerat facer possim assum.</p>
									</div>
									<!-- end of comment-body -->

								</article>
								<!-- end of comment -->
							</li>
						</ol>

						<div id="respond">

							<h3>Leave a Reply</h3>

							<div class="cancel-comment-reply">
								<a rel="nofollow" id="cancel-comment-reply-link" href="#"
									style="display: none;">Click here to cancel reply.</a>
							</div>


							<form action="#" method="post" id="commentform">


								<p class="comment-notes">
									Your email address will not be published. Required fields are
									marked <span class="required">*</span>
								</p>

								<div>
									<label for="author">Name *</label> <input class="span4"
										type="text" name="author" id="author" value="" size="22">
								</div>

								<div>
									<label for="email">Email *</label> <input class="span4"
										type="text" name="email" id="email" value="" size="22">
								</div>

								<div>
									<label for="url">Website</label> <input class="span4"
										type="text" name="url" id="url" value="" size="22">
								</div>


								<div>
									<label for="comment">Comment</label>
									<textarea class="span8" name="comment" id="comment" cols="58"
										rows="10"></textarea>
								</div>

								<p class="allowed-tags">
									You can use these HTML tags and attributes <small><code>&lt;a
											href="" title=""&gt; &lt;abbr title=""&gt; &lt;acronym
											title=""&gt; &lt;b&gt; &lt;blockquote cite=""&gt;
											&lt;cite&gt; &lt;code&gt; &lt;del datetime=""&gt; &lt;em&gt;
											&lt;i&gt; &lt;q cite=""&gt; &lt;strike&gt; &lt;strong&gt; </code></small>
								</p>

								<div>
									<input class="btn" name="submit" type="submit" id="submit"
										value="Submit Comment">
								</div>

							</form>

						</div>

					</section>
					<!-- end of comments -->

				</div>
				<!-- end of page content -->


				<!-- start of sidebar -->
				<aside class="span4 page-sidebar">

					<section class="widget">
						<div class="support-widget">
							<h3 class="title">Support</h3>
							<p class="intro">Need more support? If you did not found an
								answer, contact us for further help.</p>
						</div>
					</section>


					<section class="widget">
						<h3 class="title">Featured Articles</h3>
						<ul class="articles">
							<li class="article-entry standard">
								<h4>
									<a href="single.html">Integrating WordPress with Your
										Website</a>
								</h4> <span class="article-meta">25 Feb, 2013 in <a href="#"
									title="View all posts in Server &amp; Database">Server
										&amp; Database</a></span> <span class="like-count">66</span>
							</li>
							<li class="article-entry standard">
								<h4>
									<a href="single.html">WordPress Site Maintenance</a>
								</h4> <span class="article-meta">24 Feb, 2013 in <a href="#"
									title="View all posts in Website Dev">Website Dev</a></span> <span
								class="like-count">15</span>
							</li>
							<li class="article-entry video">
								<h4>
									<a href="single.html">Meta Tags in WordPress</a>
								</h4> <span class="article-meta">23 Feb, 2013 in <a href="#"
									title="View all posts in Website Dev">Website Dev</a></span> <span
								class="like-count">8</span>
							</li>
							<li class="article-entry image">
								<h4>
									<a href="single.html">WordPress in Your Language</a>
								</h4> <span class="article-meta">22 Feb, 2013 in <a href="#"
									title="View all posts in Advanced Techniques">Advanced
										Techniques</a></span> <span class="like-count">6</span>
							</li>
						</ul>
					</section>



					<section class="widget">
						<h3 class="title">Categories</h3>
						<ul>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Advanced
									Techniques</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Designing
									in WordPress</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Server
									&amp; Database</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">Theme
									Development</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Website
									Dev</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">WordPress
									for Beginners</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">WordPress
									Plugins</a></li>
						</ul>
					</section>

					<section class="widget">
						<h3 class="title">Recent Comments</h3>
						<ul id="recentcomments">
							<li class="recentcomments"><a href="#"
								rel="external nofollow" class="url">John Doe</a> on <a href="#">Integrating
									WordPress with Your Website</a></li>
							<li class="recentcomments">saqib sarwar on <a href="#">Integrating
									WordPress with Your Website</a></li>
							<li class="recentcomments"><a href="#"
								rel="external nofollow" class="url">John Doe</a> on <a href="#">Integrating
									WordPress with Your Website</a></li>
							<li class="recentcomments"><a href="#"
								rel="external nofollow" class="url">Mr WordPress</a> on <a
								href="#">Installing WordPress</a></li>
						</ul>
					</section>

				</aside>
				<!-- end of sidebar -->
			</div>
		</div>
	</div>
	<!-- End of Page Container -->

	<!-- Start of Footer -->
	<footer id="footer-wrapper">
		<div id="footer" class="container">
			<div class="row">

				<div class="span3">
					<section class="widget">
						<h3 class="title">How it works</h3>
						<div class="textwidget">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
								sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
								aliquam erat volutpat.</p>
							<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation
								ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
								consequat.</p>
						</div>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Categories</h3>
						<ul>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Advanced
									Techniques</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Designing
									in WordPress</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Server
									&amp; Database</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">Theme
									Development</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">Website
									Dev</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet,">WordPress
									for Beginners</a></li>
							<li><a href="#" title="Lorem ipsum dolor sit amet, ">WordPress
									Plugins</a></li>
						</ul>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Latest Tweets</h3>
						<div id="twitter_update_list">
							<ul>
								<li>No Tweets loaded !</li>
							</ul>
						</div>
						<script
							src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"
							type="text/javascript"></script>
						<script type="text/javascript">
							getTwitters("twitter_update_list", {
								id : "960development",
								count : 3,
								enableLinks : true,
								ignoreReplies : true,
								clearContents : true,
								template : "%text% <span>%time%</span>"
							});
						</script>
					</section>
				</div>

				<div class="span3">
					<section class="widget">
						<h3 class="title">Flickr Photos</h3>
						<div class="flickr-photos" id="basicuse"></div>
					</section>
				</div>

			</div>
		</div>
		<!-- end of #footer -->

		<!-- Footer Bottom -->
		<div id="footer-bottom-wrapper">
			<div id="footer-bottom" class="container">
				<div class="row">
					<div class="span6">
						<p class="copyright">
							Copyright © 2013. All Rights Reserved by KnowledgeBase.Collect
							from <a href="http://www.cssmoban.com/" title="网页模板"
								target="_blank">网页模板</a>
						</p>
					</div>
					<div class="span6">
						<!-- Social Navigation -->
						<ul class="social-nav clearfix">
							<li class="linkedin"><a target="_blank" href="#"></a></li>
							<li class="stumble"><a target="_blank" href="#"></a></li>
							<li class="google"><a target="_blank" href="#"></a></li>
							<li class="deviantart"><a target="_blank" href="#"></a></li>
							<li class="flickr"><a target="_blank" href="#"></a></li>
							<li class="skype"><a target="_blank" href="skype:#?call"></a></li>
							<li class="rss"><a target="_blank" href="#"></a></li>
							<li class="twitter"><a target="_blank" href="#"></a></li>
							<li class="facebook"><a target="_blank" href="#"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- End of Footer Bottom -->

	</footer>
	<!-- End of Footer -->

	<a href="#top" id="scroll-top"></a>

	<!-- script -->
	<script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
	<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
	<script type='text/javascript'
		src='js/prettyphoto/jquery.prettyPhoto.js'></script>
	<script type='text/javascript' src='js/jflickrfeed.js'></script>
	<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
	<script type='text/javascript' src='js/jquery.form.js'></script>
	<script type='text/javascript' src='js/jquery.validate.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>

</body>
</html>
